﻿@model PagedList.IPagedList<MSDAL.Instrumenty>
@using PagedList.Mvc;

@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<h2>Lista instrumentów</h2>

<p>
    <button class="instrumenty-tworzenie btn btn-primary">Dodaj instrument</button>
</p>
<table class="table">
    <tr>
        <th>
            Nazwa:
        </th>
        <th>
            Komentarz:
        </th>   
        <th></th>
    </tr>

    @foreach (var item in Model)
    {
        <tr>
            <td>
                @Html.DisplayFor(modelItem => item.NazwaInstrumentu)
            </td>
            <td>
                @Html.DisplayFor(modelItem => item.Komentarz)
            </td>
            <td>
                <button class="instrumenty-edytowanie btn btn-primary" data-id="@item.IDInstrumentu">Edytuj</button>
                <button class="instrumenty-detale btn btn-primary" data-id="@item.IDInstrumentu">Szczegóły</button>
                @*<button class="instrumenty-usuwanie btn btn-primary" data-id="@item.IDUcznia">Usuń</button>*@
            </td>
        </tr>
    }

</table>Strona @(Model.PageCount < Model.PageNumber ? 0 : Model.PageNumber) z @Model.PageCount

@Html.PagedListPager(Model, page => Url.Action("Index",
    new { page, sortOrder = ViewBag.CurrentSort, currentFilter = ViewBag.CurrentFilter }))


<div id="instrumenty-usuwanie-wrapper"></div>
<div id="instrumenty-edytowanie-wrapper"></div>
<div id="instrumenty-detale-wrapper"></div>
<div id="instrumenty-tworzenie-wrapper"></div>

@section Scripts
{
    <script type="text/javascript">
        $(document).ready(function () {
            $('.instrumenty-usuwanie').on('click', '', function (e) {
                e.preventDefault();
                var id = $(this).attr('data-id');
                $.ajax({
                    url: '/Instrumenties/Usuwanie?id=' + id,
                    type: 'get',
                    cache: false,
                    async: true,
                    success: function (result) {
                        $('#instrumenty-usuwanie-wrapper').html(result);
                        $('#instrumenty-usuwanie-modal').modal("show");
                    },
                    error: function (result) {

                    }
                });
            });
        });
        $(document).ready(function () {
            $('.instrumenty-edytowanie').on('click', '', function (e) {
                e.preventDefault();
                var id = $(this).attr('data-id');
                $.ajax({
                    url: '/Instrumenties/Edycja?id=' + id,
                    type: 'get',
                    async: true,
                    cache: false,
                    success: function (result) {
                        $('#instrumenty-edytowanie-wrapper').html(result);
                        $('#instrumenty-edytowanie-modal').modal("show");
                    },
                    error: function (result) {
                        alert('blad');
                    }
                });
            });
        });
        $(document).ready(function () {
            $('.instrumenty-detale').on('click', '', function (e) {
                e.preventDefault();
                var id = $(this).attr('data-id');
                $.ajax({
                    url: '/Instrumenties/Detale?id=' + id,
                    type: 'get',
                    cache: false,
                    async: true,
                    success: function (result) {
                        $('#instrumenty-detale-wrapper').html(result);
                        $('#instrumenty-detale-modal').modal("show");
                    },
                    error: function (result) {

                    }
                });
            });
        });
        $(document).ready(function () {
            $('.instrumenty-tworzenie').on('click', '', function (e) {
                e.preventDefault();
                var id = $(this).attr('data-id');
                $.ajax({
                    url: '/Instrumenties/Tworzenie',
                    type: 'get',
                    cache: false,
                    async: true,
                    success: function (result) {
                        $('#instrumenty-tworzenie-wrapper').html(result);
                        $('#instrumenty-tworzenie-modal').modal("show");
                    },
                    error: function (result) {

                    }
                });
            });
        });
    </script>
}